﻿/************************************************************************
*	@description 	Abstração de bordas arredondadas para qualquer elemento.
*	@authors		Eduardo Ottaviani <eduardo.aragao@agenciaclick.com.br>
*	@version		1.0
*	@date			2008-10-21
*	@example		<div class="botao rounded">
					<span class="r-header">
						<span class="top-left"></span>
							<span class="r-content"></span>
						<span class="top-right"></span>
					</span>			
				</div>
				
	@required		borda.arredondada.css
*/
.botao{ 
	display:inline;
	float:left
}
	.botao .r-header {
		float:left; 
		border:none
	}
		.botao .r-header *{float:left}
	
	.botao .r-content{
		clear:none;
		border:none;
		float:left;
		padding:2px 0 0 0
	}
	
		.botao button, .botao.rounded input.submit{
			background:none;
			border:none
		}
		.botao a{		
			text-decoration:none;
			padding:2px 10px;
			outline:none;
			line-height:1.5em
		}